<!DOCTYPE html>
<html>
  <head>
    <title>dasTeam proudly presents -- dasDing</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link href="resources/frameworks/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="resources/frameworks/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <link href="resources/css/layout.css" rel="stylesheet">
    <link href="resources/css/base.css" rel="stylesheet">
    <link href="resources/css/widgets/events.css" rel="stylesheet">
    <link href="resources/css/widgets/search.css" rel="stylesheet">

    <script src="resources/frameworks/bootstrap/js/bootstrap.min.js"></script>
    <script src='resources/js/lib/jquery-1.9.1.js'></script>
    <script src='resources/js/lib/jquery-ui-1.10.3.custom.min'></script>
    <script src='resources/js/lib/mustache.js'></script>
    <script src='resources/frameworks/openlayers/OpenLayers.js'></script>
    <script src='resources/js/src/config.js'></script>
    <script src='resources/js/src/documentready.js'></script>
    <script src='resources/js/src/utils.js'></script>    
  </head>

  <body>
    <div class="container-narrow">
      <div class="masthead">
        <h3 class="muted">dasDing</h3>

            <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <ul class="nav">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="events.html">Events</a></li>
                    <li class="active"><a href="search.html">Suche</a></li>
                    <li><a href="event.html">Profil</a></li>
                  </ul>
                </div>
              </div>
            </div><!-- /.navbar -->

      </div>
      <!-- <div class="jumbotron"></div> -->
      <hr>
        

			<div class="container-fluid">
  			<div class="row-fluid">
    			<div class="dd_eventsearch span12">
      			<h3>Suche</h3>

            <div class="row-fluid">
              <div class="span8 box" style="padding-bottom: 20px;margin-bottom: 20px">
                <h4>Map</h4>
                <div  style="height:250px" class="dd_mapcontainer" id="dd_mapcontainer"></div>
              </div>
              <div class="span4 box" style="height:250px" >
                <h4>Details</h4>
                <div  id="dd_mapdetails">
                </div>
              </div>
            </div>

    				<div class="span12 box no-left_margin">
    					<h4>Filter</h4>
  						<div class="row-fluid">
  							<div class="dd_label">Von/Am:</div><div class="dd_input"> <input type="text" class="datepicker" /> um <input type="text" class="" /></div>
  						</div>
  						<div class="row-fluid">
  							<div class="dd_label">Bis:</div><div class="dd_input"> <input type="text" class="datepicker" /> um <input type="text" class="" /></div>
  						</div>
  						<div class="row-fluid">
  							<div class="dd_label">Ort:</div><div class="dd_input"> <input type="text"/> / <select><option>P9</option><option>Universal Hall</option></select></div>
  						</div>
  						<div class="row-fluid">
  							<div class="dd_label">Kategorie:</div>
  							<div class="dd_input">
			            <div class='dd_json_select'>
			              <select class='dd_event_category' name='dd_event_category' type='text'>
			              </select>
			              <div class='dd_select_tooltip'></div>
			            </div>
  							</div>
  						</div>
    					<button class="dd_filterbutton">Los</button>
    				</div>
            <div class="span12 box no-left_margin">
              <h4>Liste</h4>

            </div>

      		</div>
      	</div>
			</div>

        <hr>
				<!-- #include virtual="components/common/footer.html" -->

    </div>
  <script src="http://code.jquery.com/jquery.js"></script>
  <script src="resources/frameworks/bootstrap/js/bootstrap.min.js"></script>
  <script src='resources/js/lib/jquery-1.9.1.js'></script>
  <!--<script src='resources/js/lib/jquery-ui-1.10.3.custom.min'></script>-->
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src='resources/js/lib/underscore.js'></script>
  <script src='resources/js/lib/backbone.js'></script>
  <script src='resources/frameworks/openlayers/OpenLayers.js'></script>
<!--  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.modelbinder/0.1.3/Backbone.ModelBinder-min.js"></script> -->  
  <script src='resources/js/src/config.js'></script>
  <script src='resources/js/src/utils.js'></script>
  <script src='resources/js/src/documentready.js'></script>
  <script src='resources/js/src/templates.js'></script>
  <script src='resources/js/src/event.js'></script>
  <script src='resources/js/src/widget.js'></script>
  <script src='resources/js/src/search.js'></script>

</html>